import request from '../../utils/request'
Page({
    /**
     * 页面的初始数据
     */
    data: {
        bannerList: [], // 轮播图
        recommendList: [], //推荐音乐内容
        topList: [], // 排行榜音乐
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: async function(options) {
        // 向服务器发送请求 获取轮播图
        let bannerData = await request('/banner', { type: 2 });
        this.setData({ // 修改数据
            bannerList: bannerData.banners
        })

        // 获取推荐歌单内容
        let recommendData = await request('/personalized', { limit: 10 });
        this.setData({
            recommendList: recommendData.result
        })

        // 获取排行榜内容
        let index = 0;
        let resultArr = [];
        while (index < 5) {
            let result = await request('/top/list', { idx: index++ }) // 向服务器发送请求
            let topListIitem = { name: result.playlist.name, tracks: result.playlist.tracks.slice(0, 3) }
            resultArr.push(topListIitem) // 把每个对象添加到数组中

            // 用户体验感好了,但是修改次数多了
            this.setData({
                topList: resultArr
            })
        }

        // 修改排行榜内容
        // 更新topList的状态值,放在此处会导致发送请求的过程中页面长时间白屏,用户体验感差
        // this.setData({
        //     topList: resultArr
        // })
    },


    /* 跳到每日推荐页 */
    toRecommendSong(){
        wx.navigateTo({
            url: '/pages/recommendSong/recommendSong',
        })
    },

    /* 跳到搜索页面 */
    searchMusic(){
        wx.navigateTo({
            url:'/pages/search/search'
        })
    },

    /* 跳到推荐歌单页面 */
    toPlayList(event){
        // console.log(event)
        wx.navigateTo({
            url:'/pages/playlist/playlist?id='+event.currentTarget.id
        })
    },

      // 跳转到songDetail页面
  toSongDetail(event) {
    // 路由跳转
    wx.navigateTo({
      url: "/pages/songDetail/songDetail?musicId=" + event.currentTarget.id
    })
  },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function() {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function() {

    }
})